<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景简写属性</title>
    <!--背景- 简写属性-->
    <!--在以上实例中我们可以看到页面的背景颜色通过了很多的属性来控制。-->
    <!--为了简化这些属性的代码，我们可以将这些属性合并在同一个属性中.-->
    <!--背景颜色的简写属性为 "background":-->
    <style>
        body
        {
            background: #ffffff url("./image/logo.png") no-repeat right top;
            margin-right: 200px;
        }
    </style>
</head>
<body>
<h1>Hello World!</h1>
<P>背景图片只显示一次，但它位置离文本较远。</P>
<p>在这个例子中我们添加了一个右边距，所以背景图像不会打扰到文本。</p>
</body>
</html>